﻿@model TelerikConnect.Web.ViewModels.RegisterViewModel

@{
    ViewBag.Title = "Register";
}

<div class="content-wrapper">

    <h2>Register</h2>

    @using (Html.BeginForm())
    {
        @Html.AntiForgeryToken()
        @Html.ValidationSummary(true)

    

        <div class="editor-label">
            <label for="UserName">User name</label>
        </div>
        <div class="editor-field">
            <input class="text-box single-line k-input" data-val="true" data-val-required="The User name field is required." id="UserName" name="UserName" type="text" value="">
            <span class="field-validation-valid" data-valmsg-for="UserName" data-valmsg-replace="true"></span>
        </div>

        <div class="editor-label">
            <label for="FirstName">First name</label>
        </div>
        <div class="editor-field">
            <input class="text-box single-line k-input" data-val="true" data-val-length="The First name must be at least 1 characters long." data-val-length-max="40" data-val-length-min="1" data-val-required="The First name field is required." id="FirstName" name="FirstName" type="text" value="">
            <span class="field-validation-valid" data-valmsg-for="FirstName" data-valmsg-replace="true"></span>
        </div>

        <div class="editor-label">
            <label for="LastName">Last name</label>
        </div>
        <div class="editor-field">
            <input class="text-box single-line k-input" data-val="true" data-val-length="The Last name must be at least 1 characters long." data-val-length-max="40" data-val-length-min="1" data-val-required="The Last name field is required." id="LastName" name="LastName" type="text" value="">
            <span class="field-validation-valid" data-valmsg-for="LastName" data-valmsg-replace="true"></span>
        </div>

        <div class="editor-label">
            <label for="Email">Email address</label>
        </div>
        <div class="editor-field">
            <input class="text-box single-line k-input" data-val="true" data-val-length="The Email address must be at least 6 characters long." data-val-length-max="100" data-val-length-min="6" data-val-required="The Email address field is required." id="Email" name="Email" type="email" value="">
            <span class="field-validation-valid" data-valmsg-for="Email" data-valmsg-replace="true"></span>
        </div>

        <div class="editor-label">
            <label for="Password">Password</label>
        </div>
        <div class="editor-field">
            <input class="text-box single-line password k-input" data-val="true" data-val-length="The Password must be at least 6 characters long." data-val-length-max="100" data-val-length-min="6" data-val-required="The Password field is required." id="Password" name="Password" type="password" value="">
            <span class="field-validation-valid" data-valmsg-for="Password" data-valmsg-replace="true"></span>
        </div>

        <div class="editor-label">
            <label for="ConfirmPassword">Confirm password</label>
        </div>
        <div class="editor-field">
            <input class="text-box single-line k-input" data-val="true" data-val-equalto="The password and confirmation password do not match." data-val-equalto-other="*.Password" id="ConfirmPassword" name="ConfirmPassword" type="password" value="">
            <span class="field-validation-valid" data-valmsg-for="ConfirmPassword" data-valmsg-replace="true"></span>
        </div>

        <p>
            <input type="submit" class="k-button" value="Register">
        </p>
    }
</div>
@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}